<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>景区</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="application/x-javascript">addEventListener("load", function() {
		setTimeout(hideURLbar, 0);
	}, false);
	function hideURLbar() {
		window.scrollTo(0, 1);
	}
</script>
<!--flexslider-css-->
<!--bootstrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">
<!--coustom css-->
<link href="css/style.css" rel="stylesheet" type="text/css" />
<!--fonts-->
<link
	href='http://fonts.useso.com/css?family=Open+Sans:400,300,300italic,400italic,800italic,800,700italic,700,600,600italic'
	rel='stylesheet' type='text/css'>
<!--/fonts-->
<!--script-->
<script src="js/jquery.min.js"> </script>
<!-- js -->
<script src="js/bootstrap.js"></script>
<!-- js -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/script-->
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event) {
			event.preventDefault();
			$('html,body').animate({
				scrollTop : $(this.hash).offset().top
			}, 900);
		});
	});
</script>
<!--/script-->

</head>

<body>
<%@ include file="top.jsp" %>



		<div class="header-banner">
			<!-- Top Navigation -->
			<section class="bgi banner5">
			<h2>Contact</h2>
			</section>

			<!-- contact -->

			<div class="contact-top">
				<!-- container -->

				<div class="container">

					<div class="map footer-middle">
						<iframe
							src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d158858.18237072596!2d-0.10159865000003898!3d51.52864165000001!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1436514341845"
							allowfullscreen></iframe>
					</div>
					<div class="mail-grids">
						<div class="col-md-6 mail-grid-left">
							<h3>Address</h3>
							<h5>Cras porttitor imperdiet volutpat nulla malesuada lectus
								erosut convallis felis consectetur ut</h5>
							<h4>Headquarters</h4>
							<p>
								123 T. Globel Place. <span>CG 09-123</span> Italy, Ba. 4567
							</p>
							<h4>Get In Touch</h4>
							<p>
								Telephone: +1 234 567 9871 <span>FAX: +1 234 567 9871</span>
								E-mail: <a href="mailto:info@example.com">mail@example.com</a>
							</p>
						</div>
						<div class="col-md-6 contact-form">

							<form>

								<input type="text" placeholder="Name" required=""> <input
									type="text" placeholder="Email" required=""> <input
									type="text" placeholder="Subject" required="">
								<textarea placeholder="Message" required=""></textarea>
								<input type="submit" value="SEND">
							</form>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<!-- //container -->
			</div>
			<!-- //contact -->
		</div>
	</div>

	<div class="grid_3 grid_5">
		<h3>Progress Bars</h3>
		<div class="tab-content">
			<div class="tab-pane active" id="domprogress">
				<div class="progress">
					<div class="progress-bar progress-bar-primary" style="width: 20%"></div>
				</div>
				<p>
					Info with
					<code>progress-bar-info</code>
					class.
				</p>
				<div class="progress">
					<div class="progress-bar progress-bar-info" style="width: 60%"></div>
				</div>
				<p>
					Success with
					<code>progress-bar-success</code>
					class.
				</p>
				<div class="progress">
					<div class="progress-bar progress-bar-success" style="width: 30%"></div>
				</div>
				<p>
					Warning with
					<code>progress-bar-warning</code>
					class.
				</p>
				<div class="progress">
					<div class="progress-bar progress-bar-warning" style="width: 70%"></div>
				</div>
				<p>
					Danger with
					<code>progress-bar-danger</code>
					class.
				</p>
				<div class="progress">
					<div class="progress-bar progress-bar-danger" style="width: 50%"></div>
				</div>
				<p>
					Inverse with
					<code>progress-bar-inverse</code>
					class.
				</p>
				<div class="progress">
					<div class="progress-bar progress-bar-inverse" style="width: 40%"></div>
				</div>
				<p>
					Inverse with
					<code>progress-bar-inverse</code>
					class.
				</p>
				<div class="progress">
					<div class="progress-bar progress-bar-success" style="width: 35%">
						<span class="sr-only">35% Complete (success)</span>
					</div>
					<div class="progress-bar progress-bar-warning" style="width: 20%">
						<span class="sr-only">20% Complete (warning)</span>
					</div>
					<div class="progress-bar progress-bar-danger" style="width: 10%">
						<span class="sr-only">10% Complete (danger)</span>
					</div>
				</div>
			</div>
		</div>
	</div>


	<nav>
	<ul class="pagination pagination-lg">
		<li><a href="#" aria-label="Previous"><span
				aria-hidden="true">«</span></a></li>
		<li><a href="#">1</a></li>
		<li><a href="#">2</a></li>
		<li><a href="#">3</a></li>
		<li><a href="#">4</a></li>
		<li><a href="#">5</a></li>
		<li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
	</ul>
	</nav>

	<%@ include file="buttom.jsp" %>



</body>
</html>
